<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网络书城</title>
    <link rel="stylesheet" href="./assets/libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/base.css">
    <link rel="stylesheet" href="./assets/css/index.css">
    <link rel="stylesheet" href="./assets/css/bannelLB.css">
</head>
<body>
    <header>
        <div class="funcModule">
            <div class="bainian"><img src="./assets/images/bainian2.png"></div>
            <div class="container">
                <div class="funcLeft">
                    <a href="./register_login.html">欢迎光临，<span class="userNamePhone">去登录</span></a>
                    <span class="logout"></span>
                    <a href="./login_register.html">免费注册</a>
                </div>
                <div class="funcRigth">
                    <ul>
                        <li></li>
                        <li><a href="./index.html">书店首页</a></li>
                        <li>|</li>
                        <li><a href="./buyCar.html"><span class="glyphicon glyphicon-shopping-cart"></span>购物车<span class="ordercarnum">0</span></a></li>
                        <li>|</li>
                        <li><a href="./myorder.html">我的订单</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">个人中心</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="searchBook">
            <div class="container">
                <div class="logo"><a href="./index.html"><img src="./assets/images/logo.png"></a></div>
                <form class="form-inline" id="searchForm" >
                    <div class="form-group">
                      <div class="input-group">
                        <input type="text" class="form-control inputsearch" id="inputsearch" placeholder="" value="">
                        <button type="button" class="glyphicon glyphicon-search"></button>
                      </div>
                    </div>
                  </form>
            </div>
            <ul class="nav nav-pills headernav">
              <li role="presentation" class="active"><a href="./index.html">主页</a></li>
              <li role="presentation"><a href="./commonbooks.html">书库</a></li>
              <li role="presentation"><a href="./activeBooks.html">畅销书籍</a></li>
              <li role="presentation"><a href="./newBooks.html">新书</a></li>
              <li role="presentation"><a href="./searchBooks.html">查找书籍</a></li>
            </ul>
        </div>
    </header>

    <nav class="container">
      <div class="navLeft">
        <ul>
          <li><h4>玄幻<i class="glyphicon glyphicon-chevron-right"></i></h4><span>东方玄幻</span>/<span>异世大陆</span>/<span>王朝争霸</span>/<span>高武世界</span></li>
          <li><h4>奇幻<i class="glyphicon glyphicon-chevron-right"></i></h4><span>历史神话</span>/<span>另类幻想</span>/<span>现代魔法</span>/<span>剑与魔法</span>/<span>神秘幻想</span></li>
          <li><h4>武侠<i class="glyphicon glyphicon-chevron-right"></i></h4><span>古武未来</span>/<span>武侠同人</span>/<span>传统武侠</span>/<span>国术无双</span></li>
          <li><h4>历史<i class="glyphicon glyphicon-chevron-right"></i></h4><span>架空历史</span>/<span>秦汉三国</span>/<span>上古先秦</span>/<span>历史传记</span>/<span>五代十国</span>/<span>民间传说</span></li>
          <li><h4>悬疑<i class="glyphicon glyphicon-chevron-right"></i></h4><span>诡秘悬疑</span>/<span>奇妙世界</span>/<span>侦探推理</span>/<span>古今传奇</span></li>
          <li><h4>科幻<i class="glyphicon glyphicon-chevron-right"></i></h4><span>古武机甲</span>/<span>未来世界</span>/<span>星际文明</span>/<span>时空穿梭</span></li>
          <li><h4>经典<i class="glyphicon glyphicon-chevron-right"></i></h4><span>四大名著</span>/<span>鲁迅文集</span>/<span>唐宋史诗</span>/<span>现代经典</span></li>
        </ul>
      </div>
      <div class="navMid">
        <div class="LB">
          <div class="bannerLB container">
            <ul>
              <li>
                <a href="#"><img src="./assets/images/1.jpg" alt=""></a>
              </li>
              <li>
                <a href="#"><img src="./assets/images/2.jpg" alt=""></a>
              </li>
              <li>
                <a href="#"><img src="./assets/images/3.jpg" alt=""></a>
              </li>
              <li>
                <a href="#"><img src="./assets/images/4.jpg" alt=""></a>
              </li>
            </ul>
            <a href="javascript:;" class="arrow-l"></a>
            <a href="javascript:;" class="arrow-r"></a>
      
            <div class="bannerBall">
              <ol class="bannerList">
      
              </ol>
            </div>
          </div>
        </div>
        <div class="ad">
          <div></div>
          <div></div>
          <div></div>
        </div>
      </div>
      <div class="navRight">
        <div>
          <i class="glyphicon glyphicon-king"></i>
          <i class="glyphicon glyphicon-king"></i>
          <i class="glyphicon glyphicon-king"></i>
        </div>
        <div>
          <i class="glyphicon glyphicon-queen"></i>
        </div>
        <div>
          <i class="glyphicon glyphicon-pawn"></i>
        </div>
        <div>
          <i class="glyphicon glyphicon-bishop"></i>
        </div>
        <div>
          <i class="glyphicon glyphicon-knight"></i>
        </div>
        <div>
          <i class="glyphicon glyphicon-tower"></i>
        </div>
      </div>
    </nav>

    <div class="body">
      <div class=" container">
          <div class="bookAside">
            <div class="bookAsideTitle">
              <h4>图书精选</h4>
            </div>
            <!-- 精选图书 -->
            <ul>
            </ul>
          </div>
          <div class="classifyBooks">
            <div class="up">
              <div class="commonBook">
                <div class="commonBookTitle"><h3>书藏</h3></div>
                <ul class="bookBox">
                  <!-- 书库 -->
                  
                </ul>
                <a href="./commonbooks.html" class="morebook">更多书籍 ></a>
              </div>
              <div class="newBook">
                <div class="newBookTitle"><h3>新书</h3></div>
                <ul class="bookBox">
                  <!-- 新书 -->

                </ul>
                <a href="./newBooks.html" class="morebook">更多书籍 ></a>
              </div>
            </div>
            <div class="un">
              <div class="activeBook">
                <div class="activeBookTitle"><h3>畅销书</h3></div>
                <ul class="bookBox">
                  <!-- 畅销书 -->
            
                </ul>
                <a href="./activeBooks.html" class="morebook">更多书籍 ></a>
              </div>
            </div>
          </div>
      </div>
    </div>

    <!-- 精选书模板 -->
    <script type="text/html" id="bookAside">
      <li><a href="./assets/views/onebook.html?bookid={{ bookid }}" id="{{ bookid }}" title="{{ bookname }}"><span>[{{ bookclassify }}]</span><span>{{ bookname }}</span><span>{{ author }}</span></a></li>
    </script>

    <!-- 单本书籍模板 -->
    <script type="text/html" id="oneBook">
      <li>
        <div class="bookpic">
          <a href="./assets/views/onebook.html?bookid={{ bookid }}" id="{{ bookid }}"><img src=".{{ bookpic }}/{{ picname }}"></a>
        </div>
        <div class="text">
          <h3><a href="./assets/views/onebook.html?bookid={{ bookid }}">{{ bookname }}</a></h3>
          <p>{{ content }}</p>
          <div>
            <span><a href="javascript:;"><i class="glyphicon glyphicon-user"></i>{{ author }}</a></span>
            <span><a href="javascript:;">[{{ bookclassify }}]</a></span><span class="glyphicon glyphicon-shopping-cart"><a href="http://46ee815878.qicp.vip/web_bookstore/add_ordercar?bookid={{ bookid }}" class="toBuyCar">加入购物车</a></span>
          </div>
        </div>
        <div class="bookPrice">￥ <span>{{ bookprice }}</span></div>
      </li>
    </script>

    
    <script src="./assets/libs/jquery.min.js"></script>
    <script src="./assets/js/bannelLB.js"></script>
    <script src="./assets/utils/kartu.js"></script>
    <script src="./assets/utils/util_template.js"></script>
    <script src="./assets/js/verification_session.js"></script>
    <script src="./assets/js/tobuycar.js"></script>
    <script src="./assets/js/index.js"></script>
    <script src="./assets/js/tosearch.js"></script>
</body>
</html>